.fc-gray {
  color: #6b6b86;
}
.container {
  background: #f8f8fa;
  min-height: 100vh;
  padding-bottom: calc(140rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(140rpx + env(safe-area-inset-bottom));
}
.search-component {
  position: relative;
  padding: 32rpx 28rpx;
  .search-icon {
    position: absolute;
    left: 40rpx;
    top: 50%;
    transform: translateY(-50%);
  }
  .close-icon {
	position: absolute;
    right: 50rpx;
    top: 50%;
	transform: translateY(-50%);
	z-index: 10;
  }
  .search-input {
    height: 72rpx;
    line-height: 72rpx;
    border-radius: 36rpx;
    background: #fff;
    padding: 0 60rpx 0 60rpx;
  }
}
.dispatch {
  padding: 0 28rpx;
  .icon-head {
    width: 80rpx;
    height: 80rpx;
    margin-right: 24rpx;
  }
  .disabled {
	  color: #9497B1;
  }
}
.box {
  border-radius: 32rpx;
  background: #fff;
  padding: 24rpx;
  margin-bottom: 24rpx;
}

.check-status {
  font-size: 22rpx;
  padding: 5rpx 14rpx;
  border-radius: 40rpx;
}
.inner-box {
  position: relative;
  margin-top: 20rpx;
  .button {
    height: 62rpx;
    line-height: 62rpx;
    background: rgba(148, 151, 177, 0.1);
    border-radius: 31rpx;
    margin-left: 20rpx;
    margin-top: 20rpx;
    padding: 0 32rpx;
  }
}
.title-box {
  background: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManagerfc84cdfc-9faf-45bc-9da9-22f8bfbd6c52.png")
    no-repeat;
  background-size: 100% 100%;
  height: 156rpx;
  color: #fff;
}
.icon-kinds {
  width: 36rpx;
  height: 36rpx;
  margin-right: 12rpx;
}
.kinds-box {
  padding-top: 16rpx;
  margin-left: 24rpx;
}
.item-box {
  padding-top: 16rpx;
}
.gross-box {
  background: rgba(224, 240, 247, 0.7);
  border-radius: 0 0 16rpx 16rpx;
  padding: 0 25rpx 1rpx;
  box-sizing: border-box;
  position: relative;
  .reset-position {
    position: absolute;
    left: 24rpx;
    top: -64rpx;
  }
  .order {
    padding: 2rpx 10rpx;
    background: #4195f8;
    border-radius: 8rpx;
    color: #fff;
    position: relative;
    margin-right: 20rpx;
    &::after {
      content: "";
      position: absolute;
      right: -20rpx;
      top: 50%;
      transform: translateY(-50%);
      border-top: 10rpx solid transparent;
      border-bottom: 10rpx solid transparent;
      border-left: 10rpx solid #4195f8;
      border-right: 10rpx solid transparent;
    }
  }
}
.remark-label {
	font-size: 20rpx;
	color: #fff;
	padding: 2rpx 10rpx;
	border-radius: 4rpx;
	margin-left: 12rpx;
	margin-top: 5rpx;
}
.remark-label2 {
	font-size: 20rpx;
	padding: 2rpx 10rpx;
	border-radius: 20rpx;
	margin-left: 12rpx;
	margin-top: 5rpx;
}
.no-shrink {
	flex-shrink: 0;
	margin-top: 5rpx;
}
.remark-label-0 {
	background: #FFA814;
}
.remark-label-2 {
	background: #FF7E68;
}
.remark-label-3 {
	background: #565868;
}
.remark-label2-0 {
	color: #FFA814;
	background: rgba(255, 168, 20, 0.1);
}
.remark-label2-2 {
	color: #FF7E68;
	background: rgba(255, 126, 104, 0.1);
}
.remark-label2-3 {
	color: #565868;
	background: rgba(86, 88, 104, 0.1);
}
.gray-box {
	padding: 14rpx 24rpx;
	background: #F0F7FF;
	border-radius: 8rpx;
}
.foot-btn {
	z-index: 1000 !important;
}
.set-text-style {
	max-width: 13em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}